<template>
  <div>
      <TopBar>修改手机号</TopBar>
      <div class="setPhoneBox3"  style="margin-top:1.5rem">
        <Steps type="3"></Steps>
        <p>恭喜您，手机号修改成功！</p>
        <p style="font-weight:bold;">手机号码：{{this.phone}}</p>
        <p>登录时，请使用新手机号进行登录</p>
        <div class="setPhone3Btn" @click="next">完成</div>
      </div>
  </div>
</template>
<script>
import Steps from './children/Steps'
import TopBar from '../../component/common/TopBar'
import {getSDK} from '../../../service/wxShare.js'

export default {
  components:{
    Steps,
    TopBar,
  },
  beforeCreate(){
      getSDK()
    },
  data(){
    return {
      phone:this.$route.params.newphone
    }
  },
  methods:{
    next(){
      this.$router.replace('/login')
    }
  }

}
</script>
<style lang="less" scoped>
  @import '../../../style/mixin.less';

  .setPhoneBox3{
    .wh(8.2933rem,100%);
    margin: 0 auto;
    // .bg(yellow)
    p{
      text-align: center;
      font-size: .36rem;
    }
    p:nth-of-type(1){
      margin: 1.5467rem 0 0.3rem;
      font-size: .42rem;
    }
    p:nth-of-type(3){
      margin-top: 1.6rem;
      color: #aaa;
    }
    .setPhone3Btn{
      .wh(100%,1.1733rem);
      line-height: 1.1733rem;
      text-align: center;
      border: 1px solid #ccc;
      .borderRadius(2rem);
      margin-top: 0.5333rem;
      font-size: .42rem;
    }
  }
</style>
